<!--响应超时报警-->
<template>
  <div class="tab3">
    <a-form v-bind="formItemLayout" :form="form3">
      <a-form-item label="DatePicker">
        <a-date-picker v-decorator="['date-picker', config]" />
      </a-form-item>
      <a-form-item label="DatePicker[showTime]">
        <a-date-picker
          v-decorator="['date-time-picker', config]"
          show-time
          format="YYYY-MM-DD HH:mm:ss"
        />
      </a-form-item>
      <a-form-item label="MonthPicker">
        <a-month-picker v-decorator="['month-picker', config]" />
      </a-form-item>
      <a-form-item label="RangePicker">
        <a-range-picker v-decorator="['range-picker', rangeConfig]" />
      </a-form-item>
      <a-form-item label="RangePicker[showTime]">
        <a-range-picker
          v-decorator="['range-time-picker', rangeConfig]"
          show-time
          format="YYYY-MM-DD HH:mm:ss"
        />
      </a-form-item>
      <a-form-item label="TimePicker">
        <a-time-picker v-decorator="['time-picker', config]" />
      </a-form-item>
      <a-form-item
        :wrapper-col="{
          xs: { span: 24, offset: 0 },
          sm: { span: 16, offset: 8 },
        }"
      >
        <a-button type="primary" html-type="submit">
          Submit
        </a-button>
      </a-form-item>
    </a-form>
  </div>
</template>

<script>
export default {
  name: '',
  components: {
  },
  data () {
    return {
      formItemLayout: {
        labelCol: {
          xs: { span: 24 },
          sm: { span: 8 }
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 16 }
        }
      },
      config: {
        rules: [{ type: 'object', required: true, message: 'Please select time!' }]
      },
      rangeConfig: {
        rules: [{ type: 'array', required: true, message: 'Please select time!' }]
      },
      form3: this.$form.createForm(this)
    }
  },
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style lang="less" scoped>
.tab3 {
  width: 100%;
  height: 100%;
  padding: 10px;
}
</style>
